<!DOCTYPE html>
<html lang="en">
<head>

	<!-- start: Meta -->
	<meta charset="utf-8">
	<title>Bootstrap Metro Dashboard by Dennis Ji for ARM demo</title>
	<meta name="description" content="Bootstrap Metro Dashboard">
	<meta name="author" content="Dennis Ji">
	<meta name="keyword" content="Metro, Metro UI, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
	<!-- end: Meta -->

	<!-- start: Mobile Specific -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- end: Mobile Specific -->

	<!-- start: CSS -->
	<link id="bootstrap-style" href="resources/admin/css/bootstrap.min.css" rel="stylesheet">
	<link href="resources/admin/css/bootstrap-responsive.min.css" rel="stylesheet">
	<link id="base-style" href="resources/admin/css/style.css" rel="stylesheet">
	<link id="base-style-responsive" href="resources/admin/css/style-responsive.css" rel="stylesheet">

	<!-- end: CSS -->


	<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	  	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<link id="ie-style" href="resources/admin/css/ie.css" rel="stylesheet">
	<![endif]-->

	<!--[if IE 9]>
		<link id="ie9style" href="resources/admin/css/ie9.css" rel="stylesheet">
	<![endif]-->

	<!-- start: Favicon -->
	<link rel="shortcut icon" href="img/favicon.ico">
	<!-- end: Favicon -->

			<style type="text/css">
			body { background: url(img/bg-login.jpg) !important; }
		</style>




</head>

<body>
		<div class="container-fluid-full">
		<div class="row-fluid">

			<div class="row-fluid">
				<div class="login-box">
					<div class="icons">
						<a href="index.html"><i class="halflings-icon home"></i></a>
						<a href="#"><i class="halflings-icon cog"></i></a>
					</div>
					<h2>Login to your account11111</h2>
						<fieldset>
							<div class="input-prepend" title="Username">
								<input   id="username" type="text" value="" placeholder="帐号"/>
							</div>
							<div class="clearfix"></div>

							<div class="input-prepend" title="Password">
								<input value="" class="password" name="password" id="password" type="password" placeholder="密码"
/>
							</div>
							<div class="clearfix"></div>


							<div class="button-login">
								<button type="button" class="btn">登录</button>
							</div>
							<div class="clearfix"></div>
						</fieldset>
					<hr>
					<p >
						<input class="isok" type="text" name="" value="未登录" placeholder="">
					</p>
				</div><!--/span-->
			</div><!--/row-->


	</div><!--/.fluid-container-->

		</div><!--/fluid-row-->
	    <div class="common-modal modal fade" id="common-Modal1" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-content">
				<ul class="list-inline item-details">
					<li><a href="#">Admin templates</a></li>
					<li><a href="http://themescloud.org">Bootstrap themes</a></li>
				</ul>
			</div>
		</div>
	<!-- start: JavaScript-->



</body>
</html>
<script src="resources/admin/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">

		$(function(){



		$('.btn').click(function(){
		var username=$('#username').val();
		var password=$('#password').val();
			$.ajax({
				url: 'index.php?c=admin&a=kaoshi&admin=1',
				type: 'post',
				//dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
				data: {
					'username': username,
					'password': password
				},
				success:function(data){
					//alert(data);
					if(data>0){
						alert('登录成功');
						$('.isok').val('登录成功');
					}else{
						alert('登录失败');
						$('.isok').val('登录失败');
					}
				}
			})

		})
		})

</script>
